<template>
  <div class="about">
    <h1>This is an about page {{ value }}</h1>
    <p>国际化: {{ $t(title) }}</p>
    <el-button @click="pushNumber">push number</el-button>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import { debounce } from '@/utils/Tools'
@Component
export default class About extends Vue {
  private title: string = 'Hello'
  private timer: any
  private value: number = 1
  private pushNumber() {
    this.value++
  }
  private data = () => ({ title: 'About' })
  @debounce(1000)
  private debounceTest() {
    this.pushNumber()
  }
}
</script>
